<template>
  <div>
    <h1>第一个vue页面</h1>
    <h2>gbuoijpigrn</h2>
    <h1>{{ info }}</h1>
    <hr />
    <han-hao></han-hao>

    <xiao-yu></xiao-yu>

    <hr />
    <test-css></test-css>
    <test-less></test-less>
  </div>
</template>

<script>
import HanHao from "./components/HanHao.vue";
import XiaoYu from "./components/XiaoYu.vue";
import TestCss from "./components/TestCss.vue";
import TestLess from "./components/TestLess.vue";
export default {
  data() {
    return {
      info: "王洋洋刚制造了美妙的音乐！！",
    };
  },
  components: {
    HanHao,
    XiaoYu,
    TestCss,
    TestLess,
  },
};
</script>

<style>
</style>